<template>
  <transition name="fade">
    <div class="wrap">
      <img src="../assets/img/erweima.jpg" alt="">
    </div>
  </transition>

</template>

<script type="text/ecmascript-6">
  export default {
    props: [],
    mounted() {
    },
    computed: {},
    methods: {},
    components: {}
  }
</script>

<style scoped lang="scss">
  .wrap{
    width: 100%;
    padding-top: 92px;
    >img{
      width: 100%;
    }
  }
  .fade-enter-active /* .fade-leave-active below version 2.1.8 */
  {
    opacity: 0;
    transform: translateX(100%);
  }

  .fade-enter-to /* .fade-leave-active below version 2.1.8 */
  {
    opacity: 1;
    transform: translateX(0);
    transition: all .3s;
  }
</style>
